<script setup lang="ts">
import SearchUtil from "@/components/utils/Search/Index.vue"
</script>

<template>
  <a-flex justify="space-between" class="header">
    <aside class="header-text">
      <div class="title">
        <h3 class="title-h">课程 course</h3>
        <p class="title-p">获得开展独立数据科学项目所需的技能</p>
      </div>
      <search-util
          search-type="课程搜索"
          placeholder="请输入需要搜索课程的名称、类型"
      >点击搜索课程</search-util>
    </aside>
    <a-image
        :width="300"
        src="/linter/src/views/Student/learn/Curriculum/image/TheLittleThingsWorking.png"
        :preview="false"
    />
  </a-flex>
</template>

<style scoped lang="scss">
.header-text{
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.title{
  &-h{
    font-weight: bold;
    font-size: 2.1rem;
  }
  &-p{
    font-size: 1rem;
  }
}
</style>